<!-- 新消息通知 -->
<template>
  <div id="NewsNotification">
    <Head BackType1="1" title="新消息通知"></Head>
    <div id="NewsNotificationMain">
      <van-cell-group>
        <van-switch-cell v-model="checked" title="新消息通知" />
      </van-cell-group>
      <div class="MessageTip">关闭后，此应用将不再接受新消息通知</div>
      <van-cell-group>
        <van-switch-cell v-model="checked1" title="声音" />
      </van-cell-group>
      <van-cell-group>
        <van-switch-cell v-model="checked2" title="震动" />
      </van-cell-group>
      <div class="MessageTip">当此应用在运行时，你可以设置是否需要声音或者震动</div>
    </div>
  </div>
</template>

<script>
  import Head from '../components/Head'
  import {CellGroup, SwitchCell } from 'vant';
  export default {
    data(){
      return{
        checked:false,
        checked1:false,
        checked2:false,
      }
    },
    components:{
      Head,
      [CellGroup.name]:CellGroup,
      [SwitchCell.name]:SwitchCell,
    },
  }
</script>

<style scoped lang="less">
  #NewsNotification{
    #NewsNotificationMain{
      position: fixed;
      top: 98px;
      left: 0;
      width: 100%;
      .van-cell {
        font-size: 32px;
      }
      .MessageTip{
        height: 100px;
        line-height: 80px;
        color: #8c8c8c;
        font-size: 22px;
        padding: 0 30px;
      }
    }
  }
</style>
